<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>私聊</title>
    <link rel="stylesheet" href="/public/CSS/public.css">
    <link rel="stylesheet" href="../CSS/Friend List.css">
    <link rel="stylesheet" href="/public/CSS/chatpublic.css">
</head>

<body>
    <section>
            <div class="promptBox"></div>

        <div id="user">
            <!-- 加载好友列表 -->
            <div>
                <div class="searchfriend"><input type="text" id="searchInput" placeholder="搜索好友名称" oninput="search()">
                </div>
                <ul id="userList"></ul>
            </div>
            <!-- 加载用户聊天记录 -->
            <div id="userchat">

            </div>
        </div>
    </section>
</body>
<script src="/public/JS/jquery-3.7.0.min.js"></script>
<script src="/node_modules/socket.io/client-dist/socket.io.js"></script>
<script src="/public/JS/port.js"></script>
<script src="../JS/Friend List.js"></script>

</html>